<template>
	<view class="inner">
		<view class="inner-son">
			<template v-for="item in arr" >
				<view class="son-list" :key="item.id">
						{{item.name}}
				</view>
				<view class="son2-list">
						{{item.title}}
				</view>
			</template>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				arr:[
					{id:0,name:'什么是券商资管广告',title:"券商资管是一款由证券公司或其资管子公司出品的资产管理计划，由具备资质的证券公司发行并管理，受证券会监管，投资品种涵盖了证券交易所和银行间市场的资产，具有集合理财，专业管理，组合投资，分散风险的特点。"},
					{id:1,name:'什么是开发日',title:"资管产品按周期运作，一般在约定开放日的10点-15点，向投资人开放购买、领取；区域时间均可风波操作，若约定的开发日为非交易日，资管公司可能提前开发或顺延，具体以资管公司的公告为准。"}
				]
			}
		}
	}
</script>

<style>
	.inner{
		width: 710rpx;
		background-color: #F8F8F8;
		margin: 0 auto;
	}
	.inner-son{
		background-color: #FFFFFF;
		width: 710rpx;
		box-shadow:0 0 20rpx #CCCCCC;
	}
	.son-list{
		background-color: #3476F1;
		font-size: 24rpx;
		color: #FFFFFF;
		width: 328rpx;
		height: 86rpx;
		line-height: 86rpx;
		text-align: center;
		border-radius: 10rpx;
		margin-left: 382rpx;
	}
	.inner-son{
		padding-top: 20rpx;
	}
	.son2-list{
		width: 650rpx;
		height: 200rpx;
		margin: 40rpx  auto;
		border: 1px solid #CCCCCC;
		font-size: 28rpx;
		color: #666666;
		white-space: 3rpx;
		padding: 15rpx 15rpx;
	}
</style>
